<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>Conpany</title>
    {include file="public/css"}
</head>

<body>
    <div class="preloader">
        <span class="preloader-spin"></span>
    </div>
    <div class="site">
        <!-- head -->
        {include file="public/head"}
        <div class="hero-slider">
            {volist name="carousel" id="show"}
            <div class="single-slide" style="background-image:url({$show.pic})">
                <div class="inner">
                    <div class="container">
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="slide-content">
                                    <h2>{$show.title}</h2>
                                    <p>{$show.desc}</p>
                                    <div class="slide-btn">
                                        <a href=")" class="button">Learn More</a>
                                        <a href="#" class="button-2">Live Preview</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            {/volist}
        </div>
        <div class="brand-area">
            <div class="container">
                <div class="row">
                    <div class="col-md-3 col-6 single-brand">
                        <div class="inner">
                            <a href="#">
                                <img src="__INDEX__/images/brand1.png" alt="">
                            </a>
                        </div>
                    </div>
                    <div class="col-md-3 col-6 single-brand">
                        <div class="inner">
                            <a href="#">
                                <img src="__INDEX__/images/brand2.png" alt="">
                            </a>
                        </div>
                    </div>
                    <div class="col-md-3 col-6 single-brand">
                        <div class="inner">
                            <a href="#">
                                <img src="__INDEX__/images/brand3.png" alt="">
                            </a>
                        </div>
                    </div>
                    <div class="col-md-3 col-6 single-brand">
                        <div class="inner">
                            <a href="#">
                                <img src="__INDEX__/images/brand4.png" alt="">
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="service-area bg2 sp">
            <div class="container">
                <div class="section-title">
                    <h2>Our Service</h2>
                    <p>Malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae.</p>
                </div>
                <div class="row">
                    <div class="col-lg-4 col-md-6 single-service">
                        <div class="inner">
                            <div class="title">
                                <div class="icon">
                                    <i class="fa fa-film"></i>
                                </div>
                                <h4>Video Making</h4>
                            </div>
                            <div class="content">
                                <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 single-service">
                        <div class="inner">
                            <div class="title">
                                <div class="icon">
                                    <i class="fa fa-camera"></i>
                                </div>
                                <h4>Photography</h4>
                            </div>
                            <div class="content">
                                <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 single-service">
                        <div class="inner">
                            <div class="title">
                                <div class="icon">
                                    <i class="fa fa-music"></i>
                                </div>
                                <h4>Music Composing</h4>
                            </div>
                            <div class="content">
                                <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 single-service">
                        <div class="inner">
                            <div class="title">
                                <div class="icon">
                                    <i class="fa fa-bullhorn"></i>
                                </div>
                                <h4>Product Marketing</h4>
                            </div>
                            <div class="content">
                                <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 single-service">
                        <div class="inner">
                            <div class="title">
                                <div class="icon">
                                    <i class="fa fa-magic"></i>
                                </div>
                                <h4>Video Editing</h4>
                            </div>
                            <div class="content">
                                <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 single-service">
                        <div class="inner">
                            <div class="title">
                                <div class="icon">
                                    <i class="fa fa-bar-chart"></i>
                                </div>
                                <h4>Presentation</h4>
                            </div>
                            <div class="content">
                                <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="portfolio-area sp">
            <div class="container">
                <div class="section-title">
                    <h2>Latest Work</h2>
                    <p>Malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae.</p>
                </div>
                <div class="row">
                    <div class="single-portfolio col-md-4">
                        <div class="inner">
                            <div class="portfolio-img">
                                <img src="__INDEX__/images/portfolio1.jpg" alt="portfolio-image">
                                <div class="hover-content">
                                    <div>
                                        <a href="#" class="button">View Case Study</a>
                                    </div>
                                </div>
                            </div>
                            <div class="portfolio-content">
                                <a href="#">
                                    <h3>The Back Chiropractor</h3>
                                </a>
                                <span>Ceramics, Design</span>
                            </div>
                        </div>
                    </div>
                    <div class="single-portfolio col-md-4">
                        <div class="inner">
                            <div class="portfolio-img">
                                <img src="__INDEX__/images/portfolio2.jpg" alt="portfolio-image">
                                <div class="hover-content">
                                    <div>
                                        <a href="#" class="button">View Case Study</a>
                                    </div>
                                </div>
                            </div>
                            <div class="portfolio-content">
                                <a href="#">
                                    <h3>The Back Chiropractor</h3>
                                </a>
                                <span>Ceramics, Design</span>
                            </div>
                        </div>
                    </div>
                    <div class="single-portfolio col-md-4">
                        <div class="inner">
                            <div class="portfolio-img">
                                <img src="__INDEX__/images/portfolio3.jpg" alt="portfolio-image">
                                <div class="hover-content">
                                    <div>
                                        <a href="#" class="button">View Case Study</a>
                                    </div>
                                </div>
                            </div>
                            <div class="portfolio-content">
                                <a href="#">
                                    <h3>The Back Chiropractor</h3>
                                </a>
                                <span>Ceramics, Design</span>
                            </div>
                        </div>
                    </div>
                    <div class="single-portfolio col-md-4">
                        <div class="inner">
                            <div class="portfolio-img">
                                <img src="__INDEX__/images/portfolio4.jpg" alt="portfolio-image">
                                <div class="hover-content">
                                    <div>
                                        <a href="#" class="button">View Case Study</a>
                                    </div>
                                </div>
                            </div>
                            <div class="portfolio-content">
                                <a href="#">
                                    <h3>The Back Chiropractor</h3>
                                </a>
                                <span>Ceramics, Design</span>
                            </div>
                        </div>
                    </div>
                    <div class="single-portfolio col-md-4">
                        <div class="inner">
                            <div class="portfolio-img">
                                <img src="__INDEX__/images/portfolio5.jpg" alt="portfolio-image">
                                <div class="hover-content">
                                    <div>
                                        <a href="#" class="button">View Case Study</a>
                                    </div>
                                </div>
                            </div>
                            <div class="portfolio-content">
                                <a href="#">
                                    <h3>The Back Chiropractor</h3>
                                </a>
                                <span>Ceramics, Design</span>
                            </div>
                        </div>
                    </div>
                    <div class="single-portfolio col-md-4">
                        <div class="inner">
                            <div class="portfolio-img">
                                <img src="__INDEX__/images/portfolio6.jpg" alt="portfolio-image">
                                <div class="hover-content">
                                    <div>
                                        <a href="#" class="button">View Case Study</a>
                                    </div>
                                </div>
                            </div>
                            <div class="portfolio-content">
                                <a href="#">
                                    <h3>The Back Chiropractor</h3>
                                </a>
                                <span>Ceramics, Design</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-12 text-center" data-margin="40px 0 0">
                        <a href="#" class="button">More Works</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="testimonial-area sp bg1">
            <div class="container">
                <div class="section-title white">
                    <h2>Clients Review</h2>
                    <p>Malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae.</p>
                </div>
                <div class="testimonial-slider">
                    <div class="single-slide">
                        <div class="inner">
                            <p>When I was just starting 6th grade I got my first job. Paperboy! Boy, was I excited. At
                                that time I had spent a lot of time actually playing the video official.</p>
                            <div class="client-info">
                                <div class="client-img">
                                    <img src="__INDEX__/images/client.jpg" alt="client">
                                </div>
                                <div class="client-data">
                                    <h4>Jhon Doe</h4>
                                    <span>Designer</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="single-slide">
                        <div class="inner">
                            <p>When I was just starting 6th grade I got my first job. Paperboy! Boy, was I excited. At
                                that time I had spent a lot of time actually playing the video official.</p>
                            <div class="client-info">
                                <div class="client-img">
                                    <img src="__INDEX__/images/client.jpg" alt="client">
                                </div>
                                <div class="client-data">
                                    <h4>Jhon Doe</h4>
                                    <span>Designer</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="single-slide">
                        <div class="inner">
                            <p>When I was just starting 6th grade I got my first job. Paperboy! Boy, was I excited. At
                                that time I had spent a lot of time actually playing the video official.</p>
                            <div class="client-info">
                                <div class="client-img">
                                    <img src="__INDEX__/images/client.jpg" alt="client">
                                </div>
                                <div class="client-data">
                                    <h4>Jhon Doe</h4>
                                    <span>Designer</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="single-slide">
                        <div class="inner">
                            <p>When I was just starting 6th grade I got my first job. Paperboy! Boy, was I excited. At
                                that time I had spent a lot of time actually playing the video official.</p>
                            <div class="client-info">
                                <div class="client-img">
                                    <img src="__INDEX__/images/client.jpg" alt="client">
                                </div>
                                <div class="client-data">
                                    <h4>Jhon Doe</h4>
                                    <span>Designer</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="faq-area sp bg2">
            <div class="container">
                <div class="section-title">
                    <h2>Frequently Asked Questions</h2>
                    <p>Malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae.</p>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <div class="faq">
                            <div class="single-item">
                                <h4>Low Cost Advertising Available or Not?</h4>
                                <div class="content">
                                    Pellentesque habitant morbi tristique senectus et netus et malesu ada fames and
                                    reply to all.
                                </div>
                            </div>
                            <div class="single-item">
                                <h4>What Is The Big R For Marketing Your Business?</h4>
                                <div class="content">
                                    Pellentesque habitant morbi tristique senectus et netus et malesu ada fames and
                                    reply to all.
                                </div>
                            </div>
                            <div class="single-item">
                                <h4>Does Using Banner Stands Increase Trade Show Traffic?</h4>
                                <div class="content">
                                    Pellentesque habitant morbi tristique senectus et netus et malesu ada fames and
                                    reply to all.
                                </div>
                            </div>
                            <div class="single-item">
                                <h4>How To Write Better Advertising Copy?</h4>
                                <div class="content">
                                    Pellentesque habitant morbi tristique senectus et netus et malesu ada fames and
                                    reply to all.
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="faq-img text-center">
                            <img src="__INDEX__/images/fag-img.png" alt="faq">
                        </div>
                    </div>
                </div>

            </div>
        </div>
        {include file="public/foot"}
    </div>
    <!--Required JS files-->
    {include file="public/js"}
</body>

</html>